<!DOCTYPE html>
<html>
<head> 

	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
	<link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css" />        
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
	<link rel="stylesheet" href="css/theme.css" />
	<link rel="stylesheet" href="media.css" />
	<script src="js/jquery-1.9.1.min.js"></script>  
	<script src="js/jquery.mobile-1.3.1.min.js"></script>	
	<script type="text/javascript" charset="utf-8"  src="js/alzApp.js"></script>
	

		<script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
</head>

<body id="categoriesBody">
<div data-role="page" id="indexPage" > 
	<div data-role="header">
                <div style="text-align:left; vertical-align:middle; background-color:White;">
                    <img src="css/images/logoIneco.png" onclick width="30%" height: 100%; style="float:left; background-color:White;">
                </div>
                <div style="text-align:left; vertical-align:middle;">
                    <img src="css/images/logoFourhats.png" width=30%; height: 100%; style="float:right;">
                </div>
        </div>


	<div data-role="content">
	<div style="text-align:center;">
	       <img src="css/images/logo.png" width="50%">
                 	<div id="appTitle" class="appTitle">
            			<p id="appTitle"></p>
        			</div>
		<input type="search" name="search" id="indexSearch" onKeyDown="indexSearch();"  />	
        </br>
	</div>
		<div id="list" style="width:100%; text-align:center;">
        <ul id="categoriesList" data-role="listview"></ul>
        </div>
	</div>
	  
    	<div class="footerSection">
				<div id="footerWrapper">
					<div style="float: right;">
						<a id="about" data-icon="plus" onClick="$.mobile.changePage( 'about.html', { }); "></a>
					</div>
					<div style="float: left;">
						<a id="configuration" data-icon="plus" onClick="$.mobile.changePage( 'configuration.html', { }); "></a>
					</div>
				</div>
		</div>
	</div>
	
</body>
</html>